
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <% include _head.html %>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">

  <title>欢迎</title>
  <!--<meta name="description" content="Conduct email marketing on a budget using Amazon SES. Powerful analytics, bounce/complaint tracking, Drag and Drop editor, Automation.">-->
  <!--<meta name="keywords" content="mailblast, newsletters, amazon, ses, simple email service, email, marketing, blast emails, sendy"/>-->

  <!--<meta property="og:title" content="Mailblast" />-->
  <!--<meta property="og:image" content="https://cdn.mailblast.io/assets/social_logo-d30af49bf4ba30e17c8ee60d369b86ca6cf775e29073ca3f0d8c8d2447c8a1a7.png" />-->
  <!--<meta property="og:description" content="Email Marketing on a budget using Amazon SES. Save money and time without sacrificing deliverability." />-->
  <!--<meta property="og:url" content="https://mailblast.io/" />-->

  <!--<meta name="twitter:card" content="summary_large_image">-->
  <!--<meta name="twitter:site" content="@MailblastIO">-->
  <!--<meta name="twitter:creator" content="@MailblastIO">-->
  <!--<meta name="twitter:title" content="Mailblast">-->
  <!--<meta name="twitter:description" content="Email Marketing on a budget using Amazon SES. Save money and time without sacrificing deliverability.">-->
  <!--<meta name="twitter:image" content="https://cdn.mailblast.io/assets/social_header-b137f2840adf732100584c74bbf917c450005a32a7c958f8aac1c9265810d738.png">-->

  <!--<link rel="apple-touch-icon" sizes="180x180" href="https://cdn.mailblast.io/assets/favicon/apple-touch-icon-e123f88a608d9814e44778d4699021cb82c567662962d210abd51029ad36d42f.png">-->
  <!--<link rel="icon" type="image/png" href="https://cdn.mailblast.io/assets/favicon/favicon-32x32-c1cb4c5670ccf160f0a95f243fb0be6abd46ad7350cf3ffadde11c8f2557f7ed.png" sizes="32x32">-->
  <!--<link rel="icon" type="image/png" href="https://cdn.mailblast.io/assets/favicon/favicon-16x16-45513cc8e94e0b7a829ce372a5e3be3687fdf57f756bb20cee3dc9fdd25fa796.png" sizes="16x16">-->
  <!--<link rel="manifest" href="https://cdn.mailblast.io/assets/favicon/manifest-942aef770d3f6cc28a9693519f91119a36eccdec71213ba4febf19c848985329.json">-->
  <!--<link rel="mask-icon" href="https://cdn.mailblast.io/assets/favicon/safari-pinned-tab-5f4b259c2e96616f25dce6d53aca4955dec6507d396238f59345045693959d94.svg" color="#32a7b8">-->
  <!--<meta name="msapplication-config" content="https://cdn.mailblast.io/assets/favicon/browserconfig-2c3a49f7bc6023e1231559b71d78810af74d90005bd9c93097d18d261c0ccbf4.xml">-->
  <meta name="theme-color" content="#32a7b8">


  <!--<meta name="csrf-param" content="authenticity_token" />-->
  <!--<meta name="csrf-token" content="LayCPUo4jHgGxwBzruBQHwlUwRv58Bv42U48xYZ0rY5GzNrcY+A8y9tAVeV/QUDc4jBFFy/Un8nFFoun2RpltA==" />-->


  <link rel="stylesheet" media="all" href="/css/home/home.css" />
  <link rel="stylesheet" media="screen" href="/css/home/home2.css" />
  <link rel="stylesheet" media="screen" href="/css/home/home3.css" />
  <link rel="stylesheet" media="screen" href="/css/home/home4.css" />

  <!--<script>-->
    <!--(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){-->
              <!--(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),-->
            <!--m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)-->
    <!--})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');-->

    <!--ga('create', 'UA-86975455-1', 'auto');-->
    <!--ga('send', 'pageview');-->
  <!--</script>-->

  <!--<script type="text/javascript">$crisp=[];CRISP_WEBSITE_ID="c127d752-0303-4d82-9be1-aac3c7cd7ce1";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.im/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>-->

  <!--<script>-->
    <!--(function(h,o,t,j,a,r){-->
      <!--h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};-->
      <!--h._hjSettings={hjid:382318,hjsv:5};-->
      <!--a=o.getElementsByTagName('head')[0];-->
      <!--r=o.createElement('script');r.async=1;-->
      <!--r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;-->
      <!--a.appendChild(r);-->
    <!--})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');-->
  <!--</script>-->

</head>

<body id="home_controller" class="index_action">
<div class="wrapper">

  <nav class="navbar navbar-toggleable-sm header-area">
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-controls="navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
      &#9776;
    </button>

    <a class="navbar-brand" href="https://github.com/yzhtracy/yzhLogisticSystem">github地址</a>
    <div class="collapse navbar-collapse" id="navbar-collapse">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item active"><a class="nav-link" href="/login">登录</a></li>
        <li class="nav-item active"><a class="nav-link" href="/register">注册</a></li>
        <li class="nav-item"><a class="nav-link" href="/resetPassword">重置密码</a></li>
      </ul>
    </div>
  </nav>
  <div id="home">
    <div id="items">
      <div class="cont-area">
        <div class="container banner-area">
          <ul class="slides clearfix">
            <li>
              <h1>Welcome!</h1>
              <h5>欢迎使用yzh的简单零担物流管理系统</h5>
              <br><br>
              <div>
                <a class="large-button" href="/login">开始使用</a>
              </div>
              <br><br>
            </li>
          </ul>
        </div>
      </div>

      <div class="banner-btm-img"><img src="https://cdn.mailblast.io/assets/buildings-0a6a185ee753f3d1ebe524e823d607eeca456157112d59dbef7736bf686e851c.png" alt="Buildings" /></div>
    </div>
  </div>

  <div class="about-area text-center">
    <div class="section-spacing about-top-area">
      <div class="container">
        <div class="top-float-img">
          <div class="image-container"><img src="https://cdn.mailblast.io/assets/rocket-a48cfc3291fc094678f42641cac521e64298f3fc8425f8219eb5b1bf9a4270ab.png" alt="Rocket" /></div>
        </div>
      </div>
    </div>
  </div>

  <div class="slogan-area text-center">
    <div class="section-spacing">
      <div class="container">
        <div style="margin-top: -7rem">
          <h1>系统功能简介</h1>
          <h5>系统仍在不定期开发中 <a href="https://github.com/yzhtracy/yzhLogisticSystem" title="Amazon SES" target="_blank">github项目地址</a></h5>
          <h5>之后的功能将以图文形式写在下面</h5>
        </div>

        <div class="divider_line"></div>
      </div>
    </div>
  </div>








  <!--<div class="features-area text-center">-->
    <!--<div class="section-spacing">-->
      <!--<div class="container">-->
        <!--<h1 class="text-center mb-5">Features</h1>-->
      <!--</div>-->
  <div class="container feature-section">
    <div class="row align-items-center">
      <div class="col-lg-5">
        <h4>用户管理</h4>
        <h5 class="text-center">可以添加或删除用户，不同用户会拥有不同的功能权限，新注册用户默认为用户权限，管理员权限可以查看及修改所有用户的记录</h5>
      </div>
      <div class="col-lg-7">
        <img class="img-fluid" src="images/usermanage.png" alt="Forms" />
      </div>
    </div>
    <div class="divider_line"></div>
  </div>

  <div class="container feature-section">
    <div class="row align-items-center">
      <div class="col-lg-5">
        <h4>数据统计</h4>
        <h5 class="text-center">已可视化的形式展现全部或选定站定的收发货情况及仓库的储存状态</h5>
      </div>
      <div class="col-lg-7">
        <img class="img-fluid" src="images/Statistics.png" alt="Forms" />
      </div>
    </div>
    <div class="divider_line"></div>
  </div>


  <div class="container feature-section">
    <div class="row align-items-center">
      <div class="col-lg-5 push-lg-7">
        <h4>创建订单</h4>
        <h5 class="text-center">根据用户所填信息自动计算价格生成订单，会根据用户身份自动生成初始物流状态</h5>
      </div>
      <div class="col-lg-7 pull-lg-5">
        <img class="img-fluid" src="images/createOrder.png" alt="Automation" />
      </div>
    </div>
    <div class="divider_line"></div>
  </div>

      <div class="container feature-section">
        <div class="row align-items-center">
          <div class="col-lg-5">
            <h4>站点管理</h4>
            <h5 class="text-center">添加或删除自己的站定仓库并设置容积，会对目的地的选择及价格有影响</h5>
          </div>
          <div class="col-lg-7">
            <img class="img-fluid" src="/images/storehouseManage.png" alt="List" />
          </div>
        </div>
        <div class="divider_line"></div>
      </div>

      <div class="container feature-section">
        <div class="row align-items-center">
          <div class="col-lg-5 push-lg-7">
            <h4>物流动态</h4>
            <h5 class="text-center">订单详情页提供相应的物流信息查询及管理，物流动态会同步订单状态</h5>
          </div>
          <div class="col-lg-7 pull-lg-5">
            <img class="img-fluid" src="images/logisticsInfo.png" alt="Campaign" />
          </div>
        </div>
        <div class="divider_line"></div>
      </div>

      <div class="container feature-section">
        <div class="row align-items-center">
          <div class="col-lg-5">
            <h4>订单管理</h4>
            <h5 class="text-center">根据用户身份显示相应的可见订单列表，有模糊搜索和时间筛选功能</h5>
          </div>
          <div class="col-lg-7">
            <img class="img-fluid" src="images/orderManager.png" alt="Report" />
          </div>
        </div>
        <div class="divider_line"></div>
      </div>

  <div class="signup-area text-center" style="padding-top: 10px">
    <div class="section-spacing">
      <div class="container feature-section">
        <div class="row align-items-center">
          <div class="col-lg-12">
            <a class="btn btn-primary btn-lg " href="/login">进入系统</a>
            <p class="text-muted">以小物流公司的运营模式为基础</p>
            <p class="text-muted">web前端使用bootstrap框架，后端使用nodeJS编写，数据库使用mysql</p>
          </div>
          <div class="divider_line"></div>
        </div>
      </div>
    </div>
  </div>







  <div class="push"></div>
</div>
<% include _foot.html %>
<!--<script src="https://cdn.mailblast.io/assets/application-140f564d00691c40fb1dc9ba819b67c6b008c682a5df772db2b8ad5a7ce406eb.js"></script>-->
<script type="text/javascript">
  $(document).scroll(function() {
    if ($(document).scrollTop() >= 1) {
      $('.header-area').addClass('navbar-fixed-top');
    } else {
      $('.header-area').removeClass('navbar-fixed-top');
    }
  });
</script>

</body>
</html>
